//  function Tab(el){
//        this.el = document.querySelector(el)
//        this.init()
//  }
//  Tab.prototype.init = function(){
//      this.changeTitle()
//  }
//  Tab.prototype.changeTitle = function(){
//          let ulObj = this.el.querySelectorAll('ul li')
//          ulObj.forEach((item,i)=>{
//              item.onmouseover = ()=>{
//                 this.tbTitle(ulObj,i)
//                 this.tbContext(i)
//              }
//          })
//  }
//  Tab.prototype.tbTitle = function(ulObj, i) {
//     this.el.querySelector('ul li.active').className = '' 
//     ulObj[i].className = 'active'
// }
//  Tab.prototype.tbContext = function(i){
//     this.el.querySelector('ol li.active').className = ''
//     let olObj = this.el.querySelectorAll('ol li')
//     olObj[i].className = 'active'
//  }




// function Tab(el){
//     this.el = document.querySelector(el)
//     this.init()
// }
// Tab.prototype.init = function(){
//     this.changeTitle()
// }
// Tab.prototype.changeTitle = function(){
//     let ulObj = this.el.querySelectorAll('ul li')
//     ulObj.forEach((item,i)=>{
//         item.onmouseover=()=>{
//             this.tbTitle(ulObj,i)
//             this.tbContent(i)
//         }
//     })
// }
// Tab.prototype.tbTitle = function(ulObj,i){
//     this.el.querySelector('ul li.active').className = ''
//     ulObj[i].className = 'active'
// }
// Tab.prototype.tbContent = function(i){
//     let olObj = this.el.querySelectorAll('ol li')
//     this.el.querySelector('ol li.active').className = ''
//     olObj[i].className = 'active'
// }



// function Tab(el){
//     this.el = document.querySelector(el)
//     this.init()
// }
// Tab.prototype.init = function(){
//     this.changeTitle()
// }
// Tab.prototype.changeTitle = function(){
//     let ulObj = this.el.querySelectorAll('ul li')
//         ulObj.forEach((item,i)=>{
//             item.onmouseover=()=>{
//              this.tbTitle(ulObj,i)
//              this.tbcont(i)
//             }
//         })
// }
// Tab.prototype.tbTitle = function(ulObj,i){
//         this.el.querySelector('ul li.active').className = ''
//         ulObj[i].className = 'active'
// }
// Tab.prototype.tbcont = function(i){
//     this.el.querySelector('ol li.active').className = ''
//     let olObj = this.el.querySelectorAll('ol li')
//     olObj[i].className = 'active'
// }


function Tab(el){
    this.el = document.querySelector(el)
    this.init()
}
Tab.prototype.init = function(){
    this.changeTitle()
}
Tab.prototype.changeTitle = function(){
    let ulObj = this.el.querySelectorAll('ul li')
      ulObj.forEach((item,i)=>{
          item.onmouseover = ()=>{
             this.tbTitle(ulObj,i)
             this.tbCont(i)
          }
      })
}
Tab.prototype.tbTitle = function(ulObj,i){
    this.el.querySelector('ul li.active').className = ''
    ulObj[i].className = 'active'
}
Tab.prototype.tbCont = function(i){
    this.el.querySelector('ol li.active').className = ''
    let olObj =  this.el.querySelectorAll('ol li')
    olObj[i].className = 'active'
}